<template>
	<view class="goodsItem">
		<image :src="src" mode="aspectFill"></image>
		<view class="title">
			<u18ellipsis :text="title" w="100%" lineNum="2" class="u18ellipsis"></u18ellipsis>
		</view>
		<xgMoney camel :money="money" class="xgMoney"></xgMoney>
	</view>
</template>

<script setup>
	import u18ellipsis from './18ellipsis.vue'
	import xgMoney from './xgMoney.vue'
	const props = defineProps({
		src:{
			type:String,
			default:''
		},
		title:{
			type:String,
			default:''
		},
		money:{
			type:String||Number,
			default:0
		}
	})
</script>

<style>
	.goodsItem{
		width:345rpx;
		height:495rpx;
		border-radius:15rpx;
		background:#f0f0f0;
		overflow:hidden;
	}
	.goodsItem image{
		width:345rpx;
		height:335rpx;
	}
	.goodsItem .title{
		height:100rpx;
	}
	.xgMoney,.u18ellipsis{
		padding:5rpx 15rpx;
		box-sizing: border-box;
	}
	.u18ellipsis{
		/* font-size:28rpx; */
		color:#333;
	}
</style>